<?php
include('segurancauser.php');
protegePagina(); // Chama a função que protege a página
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EMEJ 2013 - Inscrição: Etapa 1</title>
<?php include('includes.php'); ?>
<?php include('functions.php'); ?>
<script type="text/javascript">
$(document).ready(function()
{
	$(".fancybox").fancybox();
	<?php
	if (isset($_GET['msg']))
	{
	?>
	$('#msg<?php echo $_GET['msg']; ?>click').click();
	<?php
	}
	?>
});
$(".various").fancybox({
	maxWidth	: 490,
	maxHeight	: 380,
	fitToView	: false,
	width		: '70%',
	height		: '70%',
	autoSize	: false,
	closeClick	: false,
	openEffect	: 'none',
	closeEffect	: 'none'
});
var g_iCount = new Number();
var g_iCount = 6;
var temporizador;

function ajax_cron(src)
{
	document.getElementById("pag").value = src;
	clearTimeout(temporizador);
	temporizador = 0;
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("formeventos").innerHTML=xmlhttp.responseText;
			g_iCount = 6;
			temporizador = setTimeout('startCountdown()',1000);
		}
	}
	xmlhttp.open("GET","evento_cron.php?"+src,true);
	xmlhttp.send();
}

function startCountdown()
{
	if((g_iCount - 1) >= 0)
	{
		g_iCount = g_iCount - 1;
		document.getElementById("temporizador").innerHTML = '' + g_iCount;
		temporizador = setTimeout('startCountdown()',1000);
	}
	else
	{
		ajax_cron(document.getElementById("pag").value);
	}
}
</script>
</head>
<style type="text/css">
body{
font: normal 12px Arial,Sans-Serif;
font-family: 'GeoSlab',Arial, Helvetica, sans-serif, Tahoma;	
}
#contagem{
	width:150px;
	height:30px;
	float:right;
	font-size:18px;
	color:#999999;	
}
/* ---------------EVENTOS---------------*/

#container-eventos{
	padding-left:26px;
	padding-right:26px;	
}

#container-eventos a{
	text-decoration:none;
}

#container-eventos a:hover .verde{
	background-color:#060;
}
#container-eventos a:hover .vermelho{
	background-color:#900;
}
.umEvento{
	width: 55px;
	height: 55px;
	color:#FFF;	
	margin: 15px 0 15px 15px;
	float:left;
	text-align:center;
	position: relative;
	display:table;
	/*cursor:pointer;*/
}
.umEvento p{
	text-align:center;
	*position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.umEvento span {
	display:block;
	*position: relative;
	top: -50%;
	font-size:20px;
	padding-left:5px;
	font-weight:bold;
}
.doisEvento{
	width: 210px;
	height: 55px;
	color:#FFF;	
	margin: 15px 15px 15px 3px;
	float:left;
	position: relative;
	display:table;
	/*cursor:pointer;*/
}
.doisEvento p{

	*position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.doisEvento span {
	display:block;
	width:150px;
	padding-left:5px;
	*position: relative;
	top: -50%;
	font-size:14px;
}
.icone{
	float:left;
	margin:2px 1px -13px 0;
}
.verde{
	background-color:#009900;
}
.vermelho{
	background-color:#C00;
}

/* -------------PAGINAÇÃO-----------------*/
#paginacao{
	width:425px;
	height:25px;
	margin:0 auto;
	background-color:#999;
	text-align:center;
}

#paginacao a{
	color:#FFF;	
}
.msggetclick {
	color:#2b2b2b;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.msggetclick h3 {
	font-size:2em;
	line-height:1.1em;
	letter-spacing:-.02em;
	padding:0;
	margin:0 0 .3em 0;	
}
.msggetclickerror {
	border:#fad0d0 solid 1px;
	background-color:#f6abab;
}
.msggetclicksuccess {
	border:#d0f1a6 solid 1px;
	background-color:#e5f8ce;
}
</style>
<body>
<div id="contagem">
	<span>atualizando em <span id="temporizador">5</span> <img src="images/ajax-loader.gif" /> </span>
</div><!--contagem-->
<form class="formee" id="formeventos" action="" method="post">
    <div id="msg"></div><!--erros, warnings irão aparecer aqui-->
    <fieldset id="formulario1" style="margin-bottom:0">
        <legend>eventos</legend>
        <div id="container-eventos">
        </div><!--container-eventos-->
    </fieldset>
</form>
<input name="pag" id="pag" type="hidden" value="p=1" />
<div id="msg1" class="msggetclick msggetclicksuccess" style="display:none;">
    <h3>
        Sua inscrição foi registrada com sucesso!
    </h3>
</div>
<a class="fancybox" id="msg1click" href="#msg1" style="display:none;"></a>
<div id="msg2" class="msggetclick msggetclickerror" style="display:none;">
    <h3>
        Você está na fila de espera de novas vagas para este evento.
    </h3>
</div>
<a class="fancybox" id="msg2click" href="#msg2" style="display:none;"></a>
<div id="msg3" class="msggetclick msggetclickerror" style="display:none;">
    <h3>
        Não foi possível realizar sua reserva. O evento é de participação geral. 
    </h3>
</div>
<a class="fancybox" id="msg3click" href="#msg3" style="display:none;"></a>
<div id="msg4" class="msggetclick msggetclickerror" style="display:none;">
    <h3>
        Não foi possível realizar sua reserva. Já existe reserva de seu usuário nesse horário.
    </h3>
</div>
<a class="fancybox" id="msg4click" href="#msg4" style="display:none;"></a>
<script>
ajax_cron(document.getElementById("pag").value);
</script>
</body>
</html>